<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<style>
	.form-textarea-wrap {
		width: 270px;
	}
	
	.validateTips {
		text-align: left;
	}
	
	#page-title {
		margin-bottom: 5px;
	}
</style>
			<div class="container boxed container-first clearfix">
				<div id="page-title" class="grid-12">
					<h1>Dados da Cl&iacute;nica</h1>
				</div>
				<div class="grid-12">
					<form:form cssClass="form" method="post" action="save" commandName="clinic">
						<div class="form-element">
							<label>&nbsp;</label>
						</div>
						<div class="form-field">					
							<p class="validateTips">Campos marcados com um asterisco s&atilde;o obrigat&oacute;rios.</p>
						</div>

						<div class="form-element">
							<label>Modo Offline</label>
					        
							<div class="form-field">
								<div class="form-field-wrap">
									<form:checkbox path="offlineMode" id="offlineMode" />
									O mapa de rua na p&aacute;gina inicial utilizar&aacute; a imagem offlinemap.gif
								</div>
							</div>
					        
							<div class="clear"></div>
						</div>
					
						<div class="form-element">
							<label><spring:message code="latitude" /><span class="required">*</span></label>
					        
							<div class="form-field">
								<div class="form-field-wrap">
									<form:input path="latitude" id="latitude" maxlength="12" required="true" />
								</div>
							</div>
					        
							<div class="clear"></div>
						</div>
					
						<div class="form-element">
							<label><spring:message code="longitude" /><span class="required">*</span></label>
					        
							<div class="form-field">
								<div class="form-field-wrap">
									<form:input path="longitude" id="longitude" longitude="12" required="true" />
								</div>
							</div>
							
							<div class="clear"></div>
						</div>
					        
						<div class="form-element">
							<label><spring:message code="businessHours" /><span class="required">*</span></label>
						    
							<div class="form-field">
								<div class="form-field-wrap form-textarea-wrap">
									<form:hidden path="morningStartTime" />
									<form:hidden path="morningEndTime" />
									<form:hidden path="afternoonStartTime" />
									<form:hidden path="afternoonEndTime" />
									<div id="morningLabel"></div>
									<div id="slider-morning"></div>
									<div id="afternoonLabel">&nbsp;</div>
									<div id="slider-afternoon"></div>
								</div>
							</div>
						    
							<div class="clear"></div>
						</div>
				        
						<div class="form-element">
							<label><spring:message code="address" /><span class="required">*</span></label>
						    
							<div class="form-field">
								<div class="form-field-wrap form-textarea-wrap">
									<form:textarea path="address" id="address" rows="3" required="true" />
								</div>
							</div>
						    
							<div class="clear"></div>
						</div>
						
						<div class="form-element">
							<label><spring:message code="phone" /><span class="required">*</span></label>
						    
							<div class="form-field">
								<div class="form-field-wrap form-textarea-wrap">
									<form:textarea path="phone" id="phone" rows="2" required="true" />
								</div>
							</div>
						    
							<div class="clear"></div>
						</div>
						
						<div class="form-element">
							<label>&nbsp;</label>
					        
							<div class="form-field">
								<button id="saveAction">Atualizar</button>
							</div>
					        
							<div class="clear"></div>
						</div>
						
					</form:form>
				</div> 
			</div>